<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  
</head>
<body>
  <form action="" enctype="application/x-www-form-urlencoded">
    <input type="text">用户名
    <input type="password">密码
    <button type="submit">注册</button>

  </form>
  
</body>
<script src="./axios.js"></script>
<script>
  //发送 get 请求,响应结果 在 .then中的res里
  // axios({
  //   method:'get',
  //   url:'http://localhost:8888/test/first'
  // }).then(res => {
  //   console.log(res)
  // })

  //请求2
  // axios({
  //   method:'get',
  //   url:'http://localhost:8888/test/second'
  // }).then(res => {
  //   console.log(res)
  // })

  //请求3  请求方式get ,携带参数的情况, 需要使用params
  // axios({
  //   method:'get',
  //   url:'http://localhost:8888/test/third',
  //   params:{
  //     name:'张三',
  //     age:14
  //   }
  // }).then(res => {
  //   console.log(res)
  // })

  //请求4 请求方式post ,携带参数的情况下 ,需要额外增加请求头 headers ,将对象格式的参数转为字符串格式
  // axios({
  //   method:'post',
  //   url:'http://localhost:8888/test/fourth',
  //   headers:{
  //     'content-type':'application/x-www-form-urlencoded'
  //   },
  //   data:{
  //     name:'李四',
  //     age:18
  //   }
  // }).then(res => {
  //   console.log(res)
  //   console.log(res.data.info.name)
  // })

  //三:列表相关
  //请求5: 获取商品列表 goods/list
  // axios({
  //   url:'http://localhost:8888/goods/list',
  //   method:'get',
  //   headers:{
  //     'content-type':'application/x-www-form-urlencoded'
  //   },
  //   params:{
  //    current: 1,
  //    pageSize: 12,
  //   }
  // }).then(res => {
  //   console.log(res)
  //   console.log(res.data.info)
  //   ul= document.querySelector('ul')
  //   ulis=document.querySelectorAll('ul>li')
  //   for (let a = 0; a < ulis.length; a++) {
  //    ulis[a].innerText=res.data.list[a].title
  //   }
  // })

  //请求6: 获取详情列表 goods/item
  // axios({
  //   url:'http://localhost:8888/goods/item',
  //   method:'get',
  //   headers:{
  //     'content-type':'application/x-www-form-urlencoded'
  //   },
  //   params:{
  //    id:8
  //   }
  // }).then(res => {
  //   console.log(res)
  // })

  // //请求7 获取分类列表goods/category
  // axios({
  //   url:'http://localhost:8888/goods/category',
  //   method:'get',
  //   headers:{
  //     'content-type':'application/x-www-form-urlencoded'
  //   }
  // }).then(res => {
  //   console.log(res)
  // })

  //四-用户相关
  //4.3用户注册
  axios({
    url:'http://localhost:8888/users/register',
    method:'post',
    headers:{
      'content-type':'application/x-www-form-urlencoded'
    },
    date:{
      username:'sdf',
      password:'123456',
      rpassword:'123456',
      nickname:'sdfing'
    }
  }).then(res => {
    console.log(res)
  })
</script>
</html>